<script>
// 第一步:引入其他vue组件,可以引入多个
// 语法: import 别名 from '引入的vue文件所在位置'
// import HelloWorld from './components/HelloWorld.vue';
// import HelloVue from './components/HelloVue.vue';
// import HelloOptions from './components/HelloOptions.vue';
// import HelloComposition2 from './components/HelloComposition2.vue';
// import Hello from './components/01-文本插值/Hello.vue';
// import Hello from './components/02-原始HTML/Hello.vue';
// import Hello from './components/03-Attribute绑定/Hello.vue';
// import Hello from './components/04-事件绑定/Hello.vue';
// import Hello from './components/05-类与样式绑定/Hello.vue';
// import Hello from './components/06-条件渲染/Hello.vue';
// import Hello from './components/07-列表渲染/Hello.vue';
// import Hello from './components/08-表单输入绑定/Hello.vue';
// import Hello from './components/09-计算属性/Hello.vue';
// import Hello from './components/10-生命周期/Hello.vue';
// import Hello from './components/10-生命周期/Hello2.vue';
import Hello from './components/10-生命周期/Hello3.vue';

// 第二步:注册组件
export default {
  components: {
    // 此处使用上面导入的vue的别名即可
    // HelloWorld,
    // HelloVue,
    // HelloOptions,
    // HelloComposition2,
    Hello
  }
}
</script>

<template>
  <!-- 第三步:显示组件,使用组件的别名作为标签名即可 -->
  <!-- <HelloWorld></HelloWorld> 
  <HelloVue></HelloVue> -->
  <!-- <HelloOptions></HelloOptions> -->
  <!-- <HelloComposition2></HelloComposition2> -->
  <Hello></Hello>
</template>
